<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
  integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

  
<style>
  /* css */
  .panel-body ul li a:before {
    content: "";
    width: 90px;
    height: 4px;
    background-color: #ff7800;
    position: absolute;
    bottom: -4px;
    left: 0;
    transition: all .3s ease 0s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
  }

  .panel-body ul li a:hover::before {
    left: 70px;
  }

  .panel-body ul li a:hover #tip {
    background-color: #ff7800 !important
  }

  li {
    list-style-type: none;
  }
</style>

<body>
  <div>
    <div class="box" style="background-color: #eeeeee; height: 4000px;">

      <div style="width:1200px;margin: 0 auto;">
        <div class="panel panel-default" style="margin-bottom: 10px;border: 6px solid #f0f0f0;">
          <div class="panel-body">
            <div style="display:flex; ">
              <div class="col-xs-12 col-md-3" style="width:287px;height:146px;display: flex;align-items: center;
              justify-content: center;">
                <img src="./image/fairchildlogo.png" alt="" style="width:184px;height:80px">
              </div>
              <div class="col-xs-12 col-md-9">
                <div style="font-size: 28px;padding: 10px 0;">Fairchild</div>
                <div style="font-size: 14px;padding: 10px 0;">全称 : Fairchild Semiconductor (ON Semiconductor) 制造商</div>
                <div style="font-size: 14px;padding: 10px 0;">公司网站 : www.onsemi.com</div>
              </div>
            </div>
          </div>
        </div>

        <div class="panel panel-default">
          <div class="panel-body">
            <div>
              <div class="block-head" style="position: relative;
              height: 1px;
              background-color: #00baff;
              margin-bottom: 20px;
              margin-top: 20px">
                <h3 class="title" style="color: #00baff;
                border-left: 6px solid #00baff;
                padding: 0px 20px 0px 10px;
                line-height: 30px;
                background-color: #fff;
                position: absolute;
                top: -15px;
                margin: 0;">
                  制造商介绍
                </h3>
              </div>
              <div class="block-content" style="padding: 0 10px">
                <p>Fairchild Semiconductor International, Inc. was an American semiconductor company based in San Jose,
                  California. </p>

                <p>Founded in 1957 as a division of Fairchild Camera and Instrument, it became a pioneer in the
                  manufacturing of transistors and of integrated circuits.</p>

                <p>Schlumberger bought the firm in 1979 and sold it to National Semiconductor in 1987; Fairchild was
                  spun
                  off as an independent company again in 1997.</p>


                <p>On September 2016, Fairchild was acquired by ON Semiconductor.</p>


                <p>In the previous Fairchild Semiconductor was a leading global supplier of power analog, power
                  discrete,
                  and optoelectronic components that optimize system power. </p>

                <p>Recognized as The Power Franchise?, Fairchild Semiconductor offers the industry's broadest portfolio
                  of
                  components for today's leading electronic applications in the computing, communications, consumer,
                  industrial, and automotive segments.</p>



                <p style="display: flex; justify-content:center">
                  <img class="img-responsive"
                    src="https://www.jotrin.com/Userfiles/image/20190727/20190727154657_7946.jpg" alt="">
                </p>

                <p>Fairchild Semiconductor is a leading global provider of semiconductor technology that powers the
                  products and makes them more energy efficient. </p>

                <p>Fairchild continues to build on its rich history of innovation to address one of the greatest
                  challenges-reducing wasted energy and improving efficiency in an increasingly power-hungry world. </p>


                <p>Fairchild Semiconductor is a leading global provider of semiconductor technology that powers the
                  products and makes them more energy efficient. </p>

                <p>Fairchild continues to build on its rich history of innovation to address one of the greatest
                  challenges-reducing wasted energy and improving efficiency in an increasingly power-hungry world. </p>


                <p>Fairchild Semiconductor is a leading global provider of semiconductor technology that powers the
                  products and makes them more energy efficient. </p>

                <p>Fairchild continues to build on its rich history of innovation to address one of the greatest
                  challenges-reducing wasted energy and improving efficiency in an increasingly power-hungry world. </p>

                <p>Fairchild Semiconductor is a leading global provider of semiconductor technology that powers the
                  products and makes them more energy efficient. </p>

                <p>Fairchild continues to build on its rich history of innovation to address one of the greatest
                  challenges-reducing wasted energy and improving efficiency in an increasingly power-hungry world. </p>

                <p>Fairchild Semiconductor is a leading global provider of semiconductor technology that powers the
                  products and makes them more energy efficient. </p>

                <p>Fairchild continues to build on its rich history of innovation to address one of the greatest
                  challenges-reducing wasted energy and improving efficiency in an increasingly power-hungry world. </p>
              </div>
            </div>
          </div>
        </div>

        <div class="panel panel-default">
          <div class="panel-body">
            <div>
              <div class="block-head" style="position: relative;
              height: 1px;
              background-color: #00baff;
              margin-bottom: 20px;
              margin-top: 20px">
                <h3 class="title" style="color: #00baff;
                border-left: 6px solid #00baff;
                padding: 0px 20px 0px 10px;
                line-height: 30px;
                background-color: #fff;
                position: absolute;
                top: -15px;
                margin: 0;">
                  应用领域
                </h3>
              </div>
              <div class="block-content" style="padding: 0 10px">
                <p>Fairchild Semiconductor International, Inc. was an American semiconductor company based in San Jose,
                  California. </p>
              </div>
            </div>
          </div>
        </div>


        <div class="panel panel-default">
          <div class="panel-body">
            <div>
              <h3 style="font-size: 16px;
              background-color: #00baff;
              color: #fff;
              line-height: 42px;
              height: 42px;
              z-index: 1;
              padding-left: 20px">Fairchild 相关特供产品</h3>
              <ul class="row" style="
              display: flex;

      flex-wrap: wrap;
              
               ;">
                <li class="col-md-5ths col-6" style="
                padding: 0 20px;
                width:228px;height: 260px;">
                  <a href="" style="font-size: 12px;
                  overflow: inherit;
                  margin-top: 10px;
                  height: 250px;
                  position: relative;
                  border-bottom: 4px solid #00baff;
                  background: #fff;
                  display: block;
                  padding: 10px
  
                  ;">
                    <span class="cover" style="margin: 15px auto;
                    display: block;">
                      <img style="
                      display: block;
                      margin: 0 auto;
                      max-width: 120px!important;
                      vertical-align: middle;
                      border: 0;" src="https://www.jotrin.com/userfiles/images/packages/DIP8.jpg" alt="">
                    </span>
                    <p class="title" style="font-weight: 700;
                    text-align: center;">DNP015NA</p>
                    <span class="intro" style="    display: block;
      color: #7F7F7F;
      overflow: hidden;
      width: 70%;
  ">
                      Fairchild
                      <br>
                      DIP8
                    </span>
                    <span class="tip" id="tip" title="klematis flower" style=" width: 30px;
                    height: 30px;
                    line-height: 26px;
                    color: #FFFFFF;
                    font-size: 20px;
                    border-radius: 50%;
                    background: #C4C4C4;
                    text-align: center;
                    position: absolute;
                    right: 20px;
                    bottom: 20px;
                    transition: all .2s ease 0s;
                    -webkit-transition: .2s;
                ">></span>
                  </a>
                </li>
                <li class="col-md-5ths col-6" style="
                padding: 0 20px;
                width:228px;height: 260px;">
                  <a href="" style="font-size: 12px;
                  overflow: inherit;
                  margin-top: 10px;
                  height: 250px;
                  position: relative;
                  border-bottom: 4px solid #00baff;
                  background: #fff;
                  display: block;
                  padding: 10px
  
                  ;">
                    <span class="cover" style="margin: 15px auto;
                    display: block;">
                      <img style="
                      display: block;
                      margin: 0 auto;
                      max-width: 120px!important;
                      vertical-align: middle;
                      border: 0;" src="https://www.jotrin.com/userfiles/images/packages/DIP8.jpg" alt="">
                    </span>
                    <p class="title" style="font-weight: 700;
                    text-align: center;">DNP015NA</p>
                    <span class="intro" style="    display: block;
      color: #7F7F7F;
      overflow: hidden;
      width: 70%;
  ">
                      Fairchild
                      <br>
                      DIP8
                    </span>
                    <span class="tip" id="tip" title="klematis flower" style=" width: 30px;
                    height: 30px;
                    line-height: 26px;
                    color: #FFFFFF;
                    font-size: 20px;
                    border-radius: 50%;
                    background: #C4C4C4;
                    text-align: center;
                    position: absolute;
                    right: 20px;
                    bottom: 20px;
                    transition: all .2s ease 0s;
                    -webkit-transition: .2s;
                ">></span>
                  </a>
                </li>
                <li class="col-md-5ths col-6" style="
                padding: 0 20px;
                width:228px;height: 260px;">
                  <a href="" style="font-size: 12px;
                  overflow: inherit;
                  margin-top: 10px;
                  height: 250px;
                  position: relative;
                  border-bottom: 4px solid #00baff;
                  background: #fff;
                  display: block;
                  padding: 10px
  
                  ;">
                    <span class="cover" style="margin: 15px auto;
                    display: block;">
                      <img style="
                      display: block;
                      margin: 0 auto;
                      max-width: 120px!important;
                      vertical-align: middle;
                      border: 0;" src="https://www.jotrin.com/userfiles/images/packages/DIP8.jpg" alt="">
                    </span>
                    <p class="title" style="font-weight: 700;
                    text-align: center;">DNP015NA</p>
                    <span class="intro" style="    display: block;
      color: #7F7F7F;
      overflow: hidden;
      width: 70%;
  ">
                      Fairchild
                      <br>
                      DIP8
                    </span>
                    <span class="tip" id="tip" title="klematis flower" style=" width: 30px;
                    height: 30px;
                    line-height: 26px;
                    color: #FFFFFF;
                    font-size: 20px;
                    border-radius: 50%;
                    background: #C4C4C4;
                    text-align: center;
                    position: absolute;
                    right: 20px;
                    bottom: 20px;
                    transition: all .2s ease 0s;
                    -webkit-transition: .2s;
                ">></span>
                  </a>
                </li>
                <li class="col-md-5ths col-6" style="
                padding: 0 20px;
                width:228px;height: 260px;">
                  <a href="" style="font-size: 12px;
                  overflow: inherit;
                  margin-top: 10px;
                  height: 250px;
                  position: relative;
                  border-bottom: 4px solid #00baff;
                  background: #fff;
                  display: block;
                  padding: 10px
  
                  ;">
                    <span class="cover" style="margin: 15px auto;
                    display: block;">
                      <img style="
                      display: block;
                      margin: 0 auto;
                      max-width: 120px!important;
                      vertical-align: middle;
                      border: 0;" src="https://www.jotrin.com/userfiles/images/packages/DIP8.jpg" alt="">
                    </span>
                    <p class="title" style="font-weight: 700;
                    text-align: center;">DNP015NA</p>
                    <span class="intro" style="    display: block;
      color: #7F7F7F;
      overflow: hidden;
      width: 70%;
  ">
                      Fairchild
                      <br>
                      DIP8
                    </span>
                    <span class="tip" id="tip" title="klematis flower" style=" width: 30px;
                    height: 30px;
                    line-height: 26px;
                    color: #FFFFFF;
                    font-size: 20px;
                    border-radius: 50%;
                    background: #C4C4C4;
                    text-align: center;
                    position: absolute;
                    right: 20px;
                    bottom: 20px;
                    transition: all .2s ease 0s;
                    -webkit-transition: .2s;
                ">></span>
                  </a>
                </li>
                <li class="col-md-5ths col-6" style="
                padding: 0 20px;
                width:228px;height: 260px;">
                  <a href="" style="font-size: 12px;
                  overflow: inherit;
                  margin-top: 10px;
                  height: 250px;
                  position: relative;
                  border-bottom: 4px solid #00baff;
                  background: #fff;
                  display: block;
                  padding: 10px
  
                  ;">
                    <span class="cover" style="margin: 15px auto;
                    display: block;">
                      <img style="
                      display: block;
                      margin: 0 auto;
                      max-width: 120px!important;
                      vertical-align: middle;
                      border: 0;" src="https://www.jotrin.com/userfiles/images/packages/DIP8.jpg" alt="">
                    </span>
                    <p class="title" style="font-weight: 700;
                    text-align: center;">DNP015NA</p>
                    <span class="intro" style="    display: block;
      color: #7F7F7F;
      overflow: hidden;
      width: 70%;
  ">
                      Fairchild
                      <br>
                      DIP8
                    </span>
                    <span class="tip" id="tip" title="klematis flower" style=" width: 30px;
                    height: 30px;
                    line-height: 26px;
                    color: #FFFFFF;
                    font-size: 20px;
                    border-radius: 50%;
                    background: #C4C4C4;
                    text-align: center;
                    position: absolute;
                    right: 20px;
                    bottom: 20px;
                    transition: all .2s ease 0s;
                    -webkit-transition: .2s;
                ">></span>
                  </a>
                </li>
                <li class="col-md-5ths col-6" style="
                padding: 0 20px;
                width:228px;height: 260px;">
                  <a href="" style="font-size: 12px;
                  overflow: inherit;
                  margin-top: 10px;
                  height: 250px;
                  position: relative;
                  border-bottom: 4px solid #00baff;
                  background: #fff;
                  display: block;
                  padding: 10px
  
                  ;">
                    <span class="cover" style="margin: 15px auto;
                    display: block;">
                      <img style="
                      display: block;
                      margin: 0 auto;
                      max-width: 120px!important;
                      vertical-align: middle;
                      border: 0;" src="https://www.jotrin.com/userfiles/images/packages/DIP8.jpg" alt="">
                    </span>
                    <p class="title" style="font-weight: 700;
                    text-align: center;">DNP015NA</p>
                    <span class="intro" style="    display: block;
      color: #7F7F7F;
      overflow: hidden;
      width: 70%;
  ">
                      Fairchild
                      <br>
                      DIP8
                    </span>
                    <span class="tip" id="tip" title="klematis flower" style=" width: 30px;
                    height: 30px;
                    line-height: 26px;
                    color: #FFFFFF;
                    font-size: 20px;
                    border-radius: 50%;
                    background: #C4C4C4;
                    text-align: center;
                    position: absolute;
                    right: 20px;
                    bottom: 20px;
                    transition: all .2s ease 0s;
                    -webkit-transition: .2s;
                ">></span>
                  </a>
                </li>
                <li class="col-md-5ths col-6" style="
                padding: 0 20px;
                width:228px;height: 260px;">
                  <a href="" style="font-size: 12px;
                  overflow: inherit;
                  margin-top: 10px;
                  height: 250px;
                  position: relative;
                  border-bottom: 4px solid #00baff;
                  background: #fff;
                  display: block;
                  padding: 10px
  
                  ;">
                    <span class="cover" style="margin: 15px auto;
                    display: block;">
                      <img style="
                      display: block;
                      margin: 0 auto;
                      max-width: 120px!important;
                      vertical-align: middle;
                      border: 0;" src="https://www.jotrin.com/userfiles/images/packages/DIP8.jpg" alt="">
                    </span>
                    <p class="title" style="font-weight: 700;
                    text-align: center;">DNP015NA</p>
                    <span class="intro" style="    display: block;
      color: #7F7F7F;
      overflow: hidden;
      width: 70%;
  ">
                      Fairchild
                      <br>
                      DIP8
                    </span>
                    <span class="tip" id="tip" title="klematis flower" style=" width: 30px;
                    height: 30px;
                    line-height: 26px;
                    color: #FFFFFF;
                    font-size: 20px;
                    border-radius: 50%;
                    background: #C4C4C4;
                    text-align: center;
                    position: absolute;
                    right: 20px;
                    bottom: 20px;
                    transition: all .2s ease 0s;
                    -webkit-transition: .2s;
                ">></span>
                  </a>
                </li>
                <li class="col-md-5ths col-6" style="
                padding: 0 20px;
                width:228px;height: 260px;">
                  <a href="" style="font-size: 12px;
                  overflow: inherit;
                  margin-top: 10px;
                  height: 250px;
                  position: relative;
                  border-bottom: 4px solid #00baff;
                  background: #fff;
                  display: block;
                  padding: 10px
  
                  ;">
                    <span class="cover" style="margin: 15px auto;
                    display: block;">
                      <img style="
                      display: block;
                      margin: 0 auto;
                      max-width: 120px!important;
                      vertical-align: middle;
                      border: 0;" src="https://www.jotrin.com/userfiles/images/packages/DIP8.jpg" alt="">
                    </span>
                    <p class="title" style="font-weight: 700;
                    text-align: center;">DNP015NA</p>
                    <span class="intro" style="    display: block;
      color: #7F7F7F;
      overflow: hidden;
      width: 70%;
  ">
                      Fairchild
                      <br>
                      DIP8
                    </span>
                    <span class="tip" id="tip" title="klematis flower" style=" width: 30px;
                    height: 30px;
                    line-height: 26px;
                    color: #FFFFFF;
                    font-size: 20px;
                    border-radius: 50%;
                    background: #C4C4C4;
                    text-align: center;
                    position: absolute;
                    right: 20px;
                    bottom: 20px;
                    transition: all .2s ease 0s;
                    -webkit-transition: .2s;
                ">></span>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>



      </div>

    </div>



  </div>
</body>
<script src="./js/jquery-3.6.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
  integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

</html>